// 身体
body {
	width: 100vw;
	height: 100vh;
	overflow-y: auto;
}

// 头部图片父级板块
.video {
	position: relative;
	.icon-fanhui {
		font-size: 24px;
		color: #666;
		position: absolute;
		top: 20px;
		left: 20px;
	}

	// 图片
	img {
		width: 100%;
	}

	// 播放字体样式
	.icon-tuiguangzhong {
		position: absolute;
		color: #666;
		font-size: 50px;
		top: 50%;
		left: 50%;
	}
}
//  主体内容
.sports {
	padding: 20px;

	// 标题板块父板块
	.title {
		padding: 15px 0;
		box-sizing: border-box;
		border-bottom: #666 2px solid;

		// 标题板块内容
		.title_content {
			margin-top: 15px;
			display: flex;
			justify-content: space-between;
			align-items: center;

			// 千卡、分钟数据
			.data {
				color: #999;
				font-size: 8px;

				// 千卡 分钟
				i {
					margin-right: 20px;
					span {
						color: #000;
						font-size: 18px;
					}
				}
			}

			// <!-- 多少人跳过  人数 -->
			.rerson {
				color: #999;
				font-size: 8px;
			}
		}
	}

	// 内容简介
	.desc {
		margin: 15px 0;
		font-size: 14px;
		color: #888;
		width: 100%;
		height: 60px;
		line-height: 30px;
		/* 旧版弹性盒 */
		display: -webkit-box;
		/* 弹性盒子元素垂直排列 */
		-webkit-box-orient: vertical;
		/* 控制要显示的行数 */
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	//  练习次数机械父板块
	.training {
		display: flex;

		// 练习次数
		.exercise {
			flex-grow: 1;
			.icon-fuwuqilei {
				font-size: 24px;
			}
			p {
				font-size: 12px;
				color: #999;
				padding: 10px 0 0 20px;
			}
		}

		// 器械
		.equipment {
			flex-grow: 1;
			padding-left: 15px;
			box-sizing: border-box;
			border-left: #999 2px dotted;
			.icon-gangling {
				font-size: 24px;
			}
			p {
				font-size: 12px;
				color: #999;
				padding-top: 7px;
			}
		}
	}
}

// 开始训练跳转链接
.btn {
	width: 100%;
	height: 7%;
	display: flex;
	justify-content: center;
	.button {
		max-width: 80%;
		text-align: center;
		line-height: 40px;
		width: 100%;
		height: 40px;
		font-size: 20px;
		font-weight: bold;
		color: #fff;
		border-radius: 0.8em;
		background-color: #4294ff;
		border: 0;
		&:active {
			transform: scale(0.9);
			transition: all 100ms ease;
		}
	}
}
